<template>
    <div>
        <header>
            <slot name="header" />
        </header>
        <main>
            <slot />
        </main>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    div{
        margin-top:20px;
        border: 1px solid #ddd;
        border-radius:4px;
        header{
            padding:10px;
            border-bottom: 1px solid #ddd;
            background:#f2f2f2;
        }
        main{
            padding:10px;
        }
    }
</style>